// JavaScript Document

//动态添加头部和尾部

$().ready(function(e) {
	//头部	
	$("#header").html(
		'<div class="container" style="height:80px; line-height:76px; position:relative;">' +
		' <div class="row">' +
		'<div class="nav-top" id="nav_top">' +
		'<span class="nav-btn">导航</span>' +
		' <ul class="toolbar">' +
		'<li><a href="index.html">首页</a></li>' +
		'<li><a href="main-activity.html">团队产品</a></li+>' +
		'<li><a href="connUS.html">联系我们</a></li>' +
		'</ul>' +
		'</div>' +
		'<div class="logo img-first mg-xs-t12"><img src="images/logo.jpg" alt="官网logo" title="官网logo"></div>' +
		'</div>' +
		'</div>' +
		'</div>'
	)

	//尾部	
	$("#footer").html(
		'<div class="go_top" id="go_top" style="display: none;"></div>' +
		'<div class="footer-first font12 footer-flow" >' +
		'共聚青苔 梦开未来' +
		'</div>'
	)

	//页面跳转后给导航栏添加激活样式
	var nc = pageName();
	//alert(nc)
	$('.toolbar li').find("a[href='" + nc + "']").addClass("active");
	/*		if(nc.indexOf("ar") != -1){
			$('.toolbar li a').eq(0).addClass("active");
			}
	*/

	//移动端 首页导航和文档中心-文章导航伸缩功能
	var win_w = $(window).width();
	if (win_w < 767) {
		$("#nav_top ul").css("display", "block").hide();
		//解决导航第一次点击出现闪屏的现象，可能是因为之前使用了display:none;这个样式，造成初次点击时候，页面同时css和js同时变化，所以有闪屏。

		$("#nav_top").on("click", this, function() { //alert(111)		
			$("#nav_top ul").slideToggle();
			//e.preventDefault();
		})
		$("#myScrollspy").on("click", this, function() { //alert(1133)
			$("#myScrollspy ul").slideToggle();
			//e.preventDefault();
		})
	}

	//返回顶部
	$(window).scroll(function() {
		if ($(window).scrollTop() > 800)
			$("#go_top").show();
		else
			$("#go_top").hide();
	});
	$("#go_top").click(function() {
		$('body,html').animate({
			scrollTop: 0
		}, 500)
	})

	$("#testDr a").click(function() {
		$("#testDr a").removeClass("active");
		$(this).addClass("active");
	})


});
//窗体大小改变--刷新页面 jq
/*$(window).resize(function(){
	//alert("窗体大小改变了！");
	location.reload()
	//这里你可以尽情的写你的刷新代码！
});*/
//窗体大小改变--刷新页面 js
// window.onresize = function() {
// 	window.location.reload();
// }

//导航栏
/*跳转添加导航样式 方法1*/
function pageName() {
	var strUrl = location.href;
	var arrUrl = strUrl.split("/");
	var strPage = arrUrl[arrUrl.length - 1];
	return strPage;
}